<template>
	<div class="app">
		<h2>我是APP组件</h2>
		<!-- 使用场景：当setup中有异步任务，且需要使用其返回结果，但网速慢时想网页有东西呈现，则用subspense -->
		 <!-- 若不用，则子组件部分不出现 -->
		<Suspense>
			<!-- 加载完出现 -->
			<template v-slot:default>
				<Model></Model>
			</template>
			<!-- 没加载完出现 -->
			<template v-slot:fallback>
				加载中......
			</template>
		</Suspense>
		
	</div>
</template>

<script setup lang="ts" name="App">
  import { Suspense } from 'vue';
	import Model from './Model.vue';

</script>

<style scoped>
	.app{
		margin: 10px;
		padding: 10px;
		background-color: #ddd;
		border-radius: 10px;
		box-shadow: 0  0 10px;
	}
</style>